<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="SyntaxHighlighter.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<p><img src="saibamais.jpg" width="270" height="50" alt="Saiba Mais" /></p>
<p><strong>Recomenda&ccedil;&atilde;o 3.4 - </strong>Inserir, entre <em>links</em> adjacentes, caracteres que n&atilde;o  funcionem como <em>link</em> e sejam pass&iacute;veis de impress&atilde;o (como um espa&ccedil;o), at&eacute; que os  leitores de tela ou navegadores&nbsp;  (incluindo as tecnologias de apoio) reproduzam clara e distintamente os <em>links </em>adjacentes. </p>
<p>Quando  h&aacute; muitos <em>links </em>numa mesma linha, separe-os com caracteres de forma a  criar mais espa&ccedil;o entre eles. Isso  criar&aacute; um intervalo entre os <em>links</em> quando estiver utilizando um leitor  de tela. </p>
<p><strong>No c&oacute;digo html:</strong></p>
<div class="dp-highlighter">
  <ol class="dp-j" start="1">
    <li class="alt"><span>[  &lt;a href=&quot;a.htm&quot;&gt;Se&ccedil;&atilde;o A&lt;/a&gt; | </span><span>&lt;a href=&quot;b.htm&quot;&gt;Se&ccedil;&atilde;o  B&lt;/a&gt; | </span><span>&lt;a href=&quot;c.htm&quot;&gt;Se&ccedil;&atilde;o C&lt;/a&gt; |&nbsp;</span><span>&lt;a href=&quot;d.htm&quot;&gt;Se&ccedil;&atilde;o D&lt;/a&gt; | </span><span>&lt;a href=&quot;e.htm&quot;&gt;Se&ccedil;&atilde;o E&lt;/a&gt; ]</span></li>
  </ol>
</div>
</body>
</html>
